<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1">
    <meta content="telephone=no" name="format-detection"/>
    <script>
        var isJsBridgeReady = false;
        var isZHKIOS= false;
        function readyFunc(device){
            isJsBridgeReady = true;
            if(device == 'true'){
              isZHKIOS = true;
            }
        }
    </script>
    <title>新会员招募</title>
    <link rel="stylesheet" href="../css/pro_app.min.css"/>
    <link rel="stylesheet" href="../lib/swiper.min.css">
    <link rel="stylesheet" href="../lib/yz-sm.min.css">
    <link rel="stylesheet" href="../lib/mobiscroll/mobiscroll.custom-2.17.0.min.css">

</head>

<body>
<div class="page-group">
    <div class="page create-activity" id="createNewActivityPage">

        <script type="text/template" id="activity_base_data_tpl">
            <div class="step">
              <div class="process-wrap hide">
                        <div class="process-bar">
                            <div class="inner" style="width:0%;"></div>
                        </div>
                        <div class="circles">
                            <span class="zhk-navi_circle"></span>
                            <span class="zhk-navi_circle active"></span>
                        </div>
                        <div class="text">
                            <span>优惠券信息</span>
                            <span class="active">活动信息</span>
                        </div>
             </div>
             <div class="quan-area">
                 <div class="quan">
                        <div class="price"><span><i>¥</i>{{voucherWorthValue.split(".")[0]}}<b>.{{if voucherWorthValue.split(".").length==1}}0{{else}}{{voucherWorthValue.split(".")[1]}}{{/if}}</b></span></div>
                        <div class="type">全场代金券</div>
                        <div class="info-list">
                            <div>
                                <ul>
                                    <li>消费满{{voucherMinConsume}}元可用</li>
                                    {{if isRelativeTime == true}}
                                    <li>券有效期：领取后{{voucherRelativeTime}}天</li>
                                    {{else}}
                                    <li>{{voucherStartTime}}~{{voucherEndTime}}</li>
                                    {{/if}}
                                </ul>
                            </div>
                        </div>
                 </div>
              </div>
              <div class="activity-setting">
               <div>
                        <ul class="item-list">
                            <li class="ac-date">
                                <div>
                                    <p>活动开始</p>
                                    <input type="text" id="act-date-start" placeholder="请选择开始日期" value="{{activityStartTime}}">
                                </div>
                                <div class="date-icon">
                                    <i class="zhk-activity_rl"></i>
                                </div>
                                <div>
                                    <p>活动结束</p>
                                    <input type="text" id="act-date-end" placeholder="请选择结束日期" value="{{activityEndTime}}">
                                </div>
                            </li>
                            <li>
                                <span>自动续期</span>
                                <div>
                                    <label class="label-switch">
                                       {{if autoDelayFlag == "Y"}}
                                        <input type="checkbox" id="auto_continue" checked>
                                       {{else if autoDelayFlag == "N" && isRelativeTime == true}}
                                        <input type="checkbox" id="auto_continue">
                                       {{else if autoDelayFlag == "N" && isRelativeTime == false}}
                                        <input type="checkbox" id="auto_continue" disabled="disabled">
                                       {{/if}}
                                        <div class="checkbox"></div>
                                    </label>
                                </div>
                            </li>
                            <li showAct="SCAN_CODE ITEM_MARKET">
                                <span>二维码类型</span>
                                <div>
                                    <div class="switch-label" id="scancode-deadline">
                                    {{if activityType=="25"}}
                                      <span>{{if affiliation == ""}}必选项{{else if affiliation == "1"}}支付宝领券页面{{else}}红包领券{{/if}}</span>
                                    {{else}}
                                      <span>{{if affiliation == ""}}非必选项{{else if affiliation == "1"}}支付宝领券页面{{else}}红包领券{{/if}}</span>
                                    {{/if}}
                                     <i class="zhk-list_rarrow"></i>
                                    </div>
                                </div>
                            </li>
                            <li class="qudao-item" showAct="SCAN_CODE NEW_MEMBER ITEM_MARKET OPEN_CARD_CARE">
                                <span>投放渠道</span>
                                <ul id="channels">
                                    <li showAct="NEW_MEMBER ITEM_MARKET" channel_val="SHOP_DETAIL">
                                        <div class="qd-icon zfb"><i class="zhk-detail_zfb"></i><i
                                                class="zhk-activity_select"></i></div>
                                        <p>支付宝</p>
                                    </li>
                                    <li showAct="SCAN_CODE ITEM_MARKET" channel_val="A_PAY_CODE">
                                        <div class="qd-icon sym"><i class="zhk-activity_sym"></i><i
                                                class="zhk-activity_select"></i></div>
                                        <p>收银码</p>
                                    </li>

                                     <li showAct="ALL" channel_val="POS">
                                        <div class="qd-icon xp"><i class="zhk-activity_xp"></i><i
                                                class="zhk-activity_select"></i></div>
                                        <p>收银小票</p>
                                     </li>

                                     <li showAct="SCAN_CODE NEW_MEMBER ITEM_MARKET" channel_val="COMMISSION_SETTING" id="kbk_channel">
                                        <div class="qd-icon kbk"><i class="zhk-activity_kbk"></i><i
                                                class="zhk-activity_select"></i></div>
                                        <p>口碑客</p>
                                     </li>
                                </ul>
                            </li>

                        </ul>
                        <a class="link-to-otherSetting" href="#">其它设置</a>
                    </div>
                 </div>
                 <div class="btn-wrap" id="submitBtn">
                    <div class="btn">提交</div>
                 </div>
             </div>
        </script>
        <div class="scroll-view">
            <ul class="header">
                <li class="left"><a href="#" class="back"><i class="zhk-nav_back"></i>返回</a></li>
                <li class="middle"></li>
                <li class="right"></li>
            </ul>
            <div class="page-body" id="activityDataContainer">


            </div>
            <div class="dailog-form" id="discountQuan">
                <div class="layer-overlay"></div>
                <div class="form-wrapper">
                    <ul>
                        <li>
                            <div class="form-title">
                                设置优惠券
                            </div>
                        </li>
                        <li>
                            <span>券面额</span>
                            <div>
                                <input type="number" placeholder="请填写" maxlength="" class="input-money" id="voucherAmount" value="" oninput="if(value>999.99){value=999.99}" />元
                            </div>
                        </li>
                        <li>
                            <span>券消费门槛</span>
                            <div>
                                订单满<input type="number" class="input-money-order" placeholder="请填写" id="voucherMinConsumeAmount" value=""  oninput="if(value>999.99){value=999.99}" />元
                            </div>
                        </li>
                        <li>
                            <span>券有效期</span>
                            <div>
                                <div class="switch-label" id="quan-deadline"><span>相对时间</span><i
                                        class="zhk-list_rarrow"></i>
                                </div>
                                <p>
                                    领取后<input type="number" maxlength="" placeholder="30" class="input-day-amount" value="" onkeyup="this.value=this.value.replace(/[^\d]/ig,'')" id="relativeValidDays"/>天内有效
                                </p>
                                <p style="display:none;">
                                    <input type="text"  class="input-datetime" placeholder="开始日期" value=""
                                            id="voucher-date-start"  readonly/> 至
                                    <input type="text"  class="input-datetime" placeholder="结束日期" value=""
                                            id="voucher-date-end" readonly/>
                                </p>
                            </div>
                        </li>
                        <li>
                            <div class="form-btn">
                                <div class="cancel" id="editVoucherCancel">取消</div>
                                <div class="sure" id="editVoucherSure">确定</div>
                            </div>
                        </li>
                    </ul>
                </div>
            </div>
            <div class="dailog-form" id="df-koubeike">
                <div class="layer-overlay"></div>
                <div class="form-wrapper">
                    <ul>
                        <li>
                            <div class="form-title">
                                设置口碑客
                            </div>
                        </li>
                        <li>
                            <span id="kbk_desc">开启口碑客</span>
                            <div>
                               <label class="label-switch" id="checkSwitch">
                                    <input type="checkbox">
                                    <div class="checkbox"></div>
                                </label>
                            </div>
                        </li>
                        <li id="commissionAmountLi" class="ischange disabled">
                            <span>分佣金额</span>
                            <div>
                                <input type="number" placeholder="请填写" maxlength=""   class="input-money" id="commissionAmount"/>元
                            </div>
                        </li>
                        <li id="commissionRateLi" class="ischange disabled">
                            <span>分佣比例</span>
                            <div>
                                <input type="number" placeholder="请填写"  class="input-money" id="commissionRate"/>%
                            </div>
                        </li>
                        <li id="commissionLimitLi" class="ischange disabled" >
                            <span>分佣上限</span>
                            <div>
                                <div class="switch-label" id="commission-deadline"><span>不限制</span><i
                                        class="zhk-list_rarrow"></i>
                                </div>
                                <p style="display:none;">
                                    <input type="number" placeholder="请填写"  class="input-money" id="commissionLimit" />元
                                </p>
                            </div>
                        </li>
                        <li>
                            <div class="form-btn">
                                <div class="cancel" id="kbk_cancel">取消</div>
                                <div class="sure" id='kbk_sure'>确定</div>
                            </div>
                        </li>
                    </ul>
                </div>
            </div>
            <div class="dailog-form" id="alipay">
                <div class="layer-overlay"></div>
                <div class="form-wrapper">
                    <ul>
                        <li>
                            <div class="form-title">
                                设置支付宝
                            </div>
                        </li>
                        <li>
                            <span>专属优惠文案</span>
                            <div>
                                <input type="text" placeholder="非必填项" maxlength="" class="input-active-name" id="discountDoc"/>
                            </div>
                        </li>
                        <li>
                            <span>专属优惠图片</span>
                            <div id="discountPic">
                                <a href="#">非必选项 <i class="zhk-list_rarrow"></i></a>
                            </div>
                        </li>
                        <li>
                            <div class="form-btn">
                                <div class="cancel" id="zfb-cancel">取消</div>
                                <div class="sure" id="zfb-sure">确定</div>
                            </div>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
</div>


 <script src="../lib/zepto.min.js"></script>
 <script src="../lib/yz-sm.min.js"></script>
 <script src="../lib/mobiscroll/mobiscroll.custom-2.17.0.min.js"></script>
 <script src="../lib/template.js"></script>
 <script src="../lib/swiper.min.js"></script>
 <script src="../base/recalc.js" compress="../base/base.js"></script>
 <script src="../base/dialog.js" compress="../base/base.js"></script>
 <script src="../base/common.js" compress="../base/base.js"></script>
 <script src="../base/appservice.js" compress="../base/base.js"></script>
 <script src="../base/h5service.js" compress="../base/base.js"></script>
 <script src="../js/activityCreateUtil.js" compress="../js/main.js"></script>
 <script src="../js/createNewActivityA.js" compress="../js/main.js"></script>
 <script src="../js/createNewActivityC.js" compress="../js/main.js"></script>
</body>
</html>
